<template>
    <div class="header">
      <div class="header-city-top">
        城市选择
        <router-link to="/"><span class="iconfont back-cion">&#xe771;</span></router-link>
      </div>
    </div>
</template>

<script>
export default {
  name: 'CityHeader',
}
</script>

<style lang="stylus" scoped>
@import '../../../assets/css/varibles.styl'
.header
  display flex
  height  0.9rem
  z-index 99
  line-height 0.9rem
  color   #ffffff
  background-color $bgColor
.header-city-top
  width 100%
  text-align center
  position absolute
.header-city-top .back-cion
  position relative
  top 0
  left -4rem
  color #ffffff
  font-weight bold
</style>